Google Maps API ব্যবহার করে, ডেভেলপাররা মানচিত্রের (map) বিভিন্ন অপশন কনফিগার করতে পারেন, যেমন Zoom (জুম), Center (সেন্টার), এবং Map Type (ম্যাপ টাইপ)। এই অপশনগুলো কাস্টমাইজ করে, ডেভেলপাররা ব্যবহারকারীদের জন্য একটি ভাল এবং ইন্টারঅ্যাকটিভ মানচিত্র তৈরি করতে পারেন।
Zoom কনফিগার করা
Zoom অপশন ব্যবহারকারীদের মানচিত্রে একটি নির্দিষ্ট অঞ্চলের ভিউ (view) প্রবলেম করে এবং এটি মানচিত্রে কতটা বড় বা ছোট দেখাবে তা নির্ধারণ করে। এটি একটি স্কেল সিস্টেমে কাজ করে, যেখানে একটি ছোট মান (উদাহরণস্বরূপ, 0 বা 1) মানে একটি বৃহৎ ভিউ এবং বড় মান (যেমন, 20) মানে একটি বড় জুম।
উদাহরণ:
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10, // মানচিত্রে জুমের স্তর
center: {lat: -34.397, lng: 150.644} // সেন্টার অবস্থান
});
এখানে, zoom: 10 মানে মানচিত্রে ১০ একক জুম থাকবে। আপনি যতো বেশি সংখ্যক যোগ করবেন, মানচিত্র ততো বেশি জুম হবে।
Center কনফিগার করা
Center অপশন ব্যবহার করে, আপনি মানচিত্রের কেন্দ্রের অবস্থান সেট করতে পারেন। এটি সাধারণত একটি ভৌগোলিক অবস্থান (latitude, longitude) দ্বারা নির্ধারিত হয়। আপনি যেকোনো স্থানকে কেন্দ্র হিসেবে সেট করতে পারেন, যার মাধ্যমে মানচিত্রের ভিউ ঐ স্থানটির চারপাশে ঘোরে।
উদাহরণ:
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 8, // জুম স্তর
center: {lat: 40.730610, lng: -73.935242} // নিউ ইয়র্ক শহরের কেন্দ্র
});
এখানে, center: {lat: 40.730610, lng: -73.935242} মানে নিউ ইয়র্ক শহরের সেন্টার পয়েন্ট।
Map Type কনফিগার করা
Map Type অপশনটি মানচিত্রের ধরণ নির্ধারণ করে, যেমন স্যাটেলাইট ভিউ, রাস্তাঘাটের মানচিত্র বা টারেন ভিউ। Google Maps API তে প্রধানত তিনটি ম্যাপ টাইপ রয়েছে:
- ROADMAP (রোডম্যাপ): এটি স্ট্যান্ডার্ড মানচিত্র দেখায়, যেখানে রাস্তা, শহর, স্থান ইত্যাদি প্রদর্শিত হয়।
- SATELLITE (স্যাটেলাইট): এটি স্যাটেলাইট ছবি প্রদর্শন করে, যা পৃথিবীর দৃশ্য দেখায়।
- TERRAIN (টারেন): এটি ভূ-ভাগের (landforms) বৈশিষ্ট্য, যেমন পাহাড়, নদী, উপত্যকা ইত্যাদি প্রদর্শন করে।
উদাহরণ:
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 8, // জুম স্তর
center: {lat: 40.730610, lng: -73.935242}, // সেন্টার পয়েন্ট
mapTypeId: google.maps.MapTypeId.SATELLITE // স্যাটেলাইট ভিউ
});
এখানে, mapTypeId: google.maps.MapTypeId.SATELLITE মানে মানচিত্র স্যাটেলাইট ভিউতে প্রদর্শিত হবে।
সবগুলো একসাথে ব্যবহার করা
আপনি Zoom, Center, এবং Map Type সবগুলো একসাথে কনফিগার করে একটি সম্পূর্ণ মানচিত্র তৈরি করতে পারেন।
উদাহরণ:
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12, // জুম স্তর
center: {lat: 37.7749, lng: -122.4194}, // সেন্টার পয়েন্ট (সান ফ্রান্সিসকো)
mapTypeId: google.maps.MapTypeId.ROADMAP // রোডম্যাপ ভিউ
});
এখানে, সান ফ্রান্সিসকোর কেন্দ্র স্থানে একটি রোডম্যাপ ভিউ প্রদর্শিত হবে, যেখানে ১২ একক জুম থাকবে।
Google Maps API ব্যবহার করে, আপনি এই তিনটি অপশন (Zoom, Center, Map Type) কনফিগার করে একটি কাস্টম মানচিত্র তৈরি করতে পারবেন যা আপনার ওয়েবসাইট বা অ্যাপ্লিকেশনের জন্য প্রয়োজনীয় নির্দিষ্ট ফিচার প্রদান করবে।
Read more
